
 
  <div class="main layui-clear"> 
   <h2 class="page-title">登入</h2> 
   <div class="layui-form layui-form-pane"> 
    <form method="post"> 
     <div class="layui-form-item"> 
      <label for="L_email" class="layui-form-label">邮箱</label> 
      <div class="layui-input-inline"> 
       <input id="L_email" name="email" required="" lay-verify="required" autocomplete="off" class="layui-input" type="text" /> 
      </div> 
       
     </div> 
     
     <div class="layui-form-item"> 
      <label for="L_pass" class="layui-form-label">密码</label> 
      <div class="layui-input-inline"> 
       <input id="password" name="password" required="" lay-verify="required" autocomplete="off" class="layui-input" type="password" /> 
      </div> 
     
     </div> 
     
     <div class="layui-form-item"> 
      <label for="L_vercode" class="layui-form-label">人类验证</label> 
      <div class="layui-input-inline"> 
       <input id="L_vercode" name="vercode" required="" lay-verify="required" placeholder="请回答后面的问题" autocomplete="off" class="layui-input" type="text" /> 
      </div> 
      <div class="layui-form-mid"> 
       <span style="color: #c00;"><?php echo $res[0]['vercode']?></span> 
      </div> 
     </div> 
     <div class="layui-form-item"> 
      <button class="layui-btn" lay-filter="login" lay-submit="">立即登录</button> 
      <span style="padding-left:20px;">         
       <a href="/user/forget">忘记密码？</a>       
      </span>
     </div> 
     <div class="layui-form-item fly-form-app"> 
      <span>或者使用社交账号登入</span> 
      <a href="http://fly.layui.com:8098/app/qq" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-qq" title="QQ登入"></a> 
      <a href="http://fly.layui.com:8098/app/weibo/" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-weibo" title="微博登入"></a> 
     </div> 
    </form> 
   </div>
  </div>
 
<!-- js库 -->
 <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
 <script type="text/javascript" src='__PUBLIC__/layui/layui.js'></script>
<script>
layui.use(['form'], function(){
  var form = layui.form()
  ,layer = layui.layer;
 

  //监听提交
  form.on('submit(login)', function(data){
    $.ajax({
      url: "{:U('home/login/check')}",
      type: 'POST',
      dataType: 'json',
      data: data.field,
      success:function(response){
          if (response.error==0) {
            layer.confirm(response.info, {
              btn: ['确定'] //按钮
            }, function(){
               location.replace("{:U('home/user/index')}");
            });
          }else{
             layer.msg(response.info, function(){
               //关闭后的操作
              });
          }
        },
      error:function(){
          alert('没有接收到数据')
      }

    })

    return false;
  });
  
  
});
</script>


</html>